$(function () {

    //动态监听
    window.onhashchange = loadPage;

    //初始化页面
    loadPage();

    function loadPage() {

        //获取hash地址
        let hash = location.hash;

        //判断
        switch (hash) {

            case '#borrow':
                $('#main').load('./page/borrow.html');
                break;

            case '#invest':
                $('#main').load('./page/invest.html');
                break;

            case '#personal':
                $('#main').load('./page/personal.html');
                break;

            //二级路由
            case '#personal/auth'://实名认证
                $('#main').load('./page/personal.html', function () {
                    $('#per-right').load('./page/personal/auth.html')
                });
                break;

            case '#personal/info'://账户信息
                $('#main').load('./page/personal.html', function () {
                    $('#per-right').load('./page/personal/info.html')
                });
                break;

            case '#personal/card'://银行卡
                $('#main').load('./page/personal.html', function () {
                    $('#per-right').load('./page/personal/card.html')
                });
                break;

            //找不到页面时默认回到首页
            //页面加载时默认在首页
            default:
                $('#main').load('./page/home.html');
                break;
        }

        // if(hash == ''){
        //     $(`.nav .navbar-nav .nav-item:first`).closest('li').addClass('active').siblings().removeClass('active');
        // }else{
        //     // $(`.nav .navbar-nav .nav-item a[href='${hash}']`).closest('li').addClass('active').siblings().removeClass('active');

        //     if(!hash.includes('/')){//如果不包含/证明是和当前页同级页面为一级路由 条件为真给当前li添加active
        //         console.log('一级路由');
        //         $(`.nav .navbar-nav .nav-item a[href='${hash}']`).closest('li').addClass('active').siblings().removeClass('active');
        //     }else{
        //         console.log('二级路由');
        //         $(`.nav .navbar-nav .nav-item a[href='${hash.split('/')[0]}']`).closest('li').addClass('active').siblings().removeClass('active');
        //         //split将字符串以指定字符分隔为数组 
        //     }
        // }

        let $active;
        if (hash == '') {
            $active = $(`.nav .navbar-nav .nav-item:first`);
        } else {

            if (!hash.includes('/')) {
                $active = $(`.nav .navbar-nav .nav-item a[href='${hash}']`)
            } else {
                $active = $(`.nav .navbar-nav .nav-item a[href='${hash.split('/')[0]}']`);
            }

        }

        $active.closest('li').addClass('active').siblings().removeClass('active');


    }

    //将用户的用户名塞进网页
    //console.log(sessionStorage.getItem('username'));
    let user = sessionStorage.getItem('username')

    if (user == null) {
        $('.login1').html(`<a class="nav-item nav-link" href="./login.html" id="login">登陆</a>`);
        $('.sign').html('<a class="nav-item nav-link" href="./register.html" id="reg">注册</a>');
    } else {
        $('.login1').html(`<a class="nav-item nav-link" href="./login.html" id="login">${user}</a>`);
        $('.sign').html(`<a class="nav-item nav-link" href="#" id="sign1">注销</a>`)
    }

    $('#sign1').click(function () {
        sessionStorage.removeItem('username');
        location.href = '/';
    })

    // let timeId = setInterval(function(){

    //     //创建当前时间
    //     let sTime = new Date().getTime();

    //     //获取结束时间
    //     let eTime = sessionStorage.getItem('time');

    //     if(sTime >=eTime){
    //         //清除本地数据
    //         sessionStorage.removeItem('time');
    //         sessionStorage.removeItem('username');
    //         clearInterval(timeId);
    //         $('.login1').html(`<a class="nav-item nav-link" href="./login.html" id="login">登陆</a>`);
    //         $('.sign').html('<a class="nav-item nav-link" href="./register.html" id="reg">注册</a>')
    //     }

    // },1000)
    //开启计时器
    let timeId = setInterval(function () {

        //创建当前时间
        //并将当前时间转为毫秒数
        let sTime = new Date().getTime();

        //获取存储的本地时间
        let eTime = sessionStorage.getItem('time');

        //判断
        //如果10秒后当前时间大于定义时间 将用户输入的数据注销
        if (sTime > eTime) {
            sessionStorage.removeItem('username');
            sessionStorage.removeItem('time');
            //关闭计时器
            clearInterval(timeId);

            //重新将页面初始化
            $('.login1').html(`<a class="nav-item nav-link" href="./login.html" id="login">登陆</a>`);
            $('.sign').html('<a class="nav-item nav-link" href="./register.html" id="reg">注册</a>')
        }

    }, 1000)
})